/*
      ***** DEFINE TYPO CLASSES ***
      */
      .page-header, body main .masthead .header h1, .page-subtitle, body main .masthead .header h3, .section-header, body main .masthead .header h2, .section-subtitle, body main .masthead .header p,
      .article-header,
      body main .masthead .article h3, .article-text, body header .claim, body main .masthead.gallery .header h2 + p, body main .masthead .article p, body main .masthead form, body main .masthead form .chosen-single span, body main .masthead form a, .nav-first-level, .list-item, body main .masthead .article li {
        font-family: Roboto Condensed, 'Arial'; }

      .page-header, body main .masthead .header h1 {
        font-weight: 400;
        margin-top: 2rem;
        margin-bottom: 2rem; }

      .page-subtitle, body main .masthead .header h3 {
        font-weight: 300;
        margin-top: -1.5rem;
        margin-bottom: 2rem; }

      .section-header, body main .masthead .header h2 {
        font-weight: 400;
        margin-top: 0.65rem;
        margin-bottom: 1.5rem; }

      .section-subtitle, body main .masthead .header p {
        font-weight: 300;
        margin-top: -1rem;
        margin-bottom: 1rem; }

      .article-header, body main .masthead .article h3 {
        font-weight: 400;
        margin-top: 0.35rem;
        margin-bottom: 1rem; }

      .article-text, body header .claim, body main .masthead.gallery .header h2 + p, body main .masthead .article p, body main .masthead form, body main .masthead form .chosen-single span, body main .masthead form a {
        font-weight: 300;
        margin-top: 0;
        margin-bottom: 0.5rem; }

      .nav-first-level {
        font-weight: 700; }

      .list-item, body main .masthead .article li {
        font-weight: 300; }

      /*
      ***** RESPONSIVE SIZE AND HEIGHT ***
      */
      @media (min-width: 1200px) {
        .page-header, body main .masthead .header h1 {
          font-size: 2.5rem;
          line-height: 1.5em; }

        .section-header, body main .masthead .header h2 {
          font-size: 1.625rem;
          line-height: 1.5em; }

        .article-header, body main .masthead .article h3 {
          font-size: 1.5rem;
          line-height: 1.5em; }

        .article-text, body header .claim, body main .masthead.gallery .header h2 + p, body main .masthead .article p, body main .masthead form, body main .masthead form .chosen-single span, body main .masthead form a {
          font-size: 1rem;
          line-height: 1.5em; }

        .page-subtitle, body main .masthead .header h3 {
          font-size: 1.125rem;
          line-height: 1.5em; }

        .section-subtitle, body main .masthead .header p {
          font-size: 1.25rem;
          line-height: 1.5em; }

        .nav-first-level {
          font-size: 1.5rem;
          line-height: 1.5em; }

        .list-item, body main .masthead .article li {
          font-size: 1.125rem;
          line-height: 1.25em; } }
      @media (min-width: 768px) and (max-width: 1199px) {
        .page-header, body main .masthead .header h1 {
          font-size: 2.25rem;
          line-height: 1.5em; }

        .section-header, body main .masthead .header h2 {
          font-size: 1.5rem;
          line-height: 1.5em; }

        .article-header, body main .masthead .article h3 {
          font-size: 1.35rem;
          line-height: 1.5em; }

        .article-text, body header .claim, body main .masthead.gallery .header h2 + p, body main .masthead .article p, body main .masthead form, body main .masthead form .chosen-single span, body main .masthead form a {
          font-size: 1rem;
          line-height: 1.5em; }

        .page-subtitle, body main .masthead .header h3 {
          font-size: 1.125rem;
          line-height: 1.5em; }

        .section-subtitle, body main .masthead .header p {
          font-size: 1rem;
          line-height: 1.5em; }

        .nav-first-level {
          font-size: 1.5rem;
          line-height: 1.5em; }

        .list-item, body main .masthead .article li {
          font-size: 1.125rem;
          line-height: 1.25em; } }
      @media (max-width: 767px) {
        .page-header, body main .masthead .header h1 {
          font-size: 2.125rem;
          line-height: 1.5em; }

        .section-header, body main .masthead .header h2 {
          font-size: 1.375rem;
          line-height: 1.5em; }

        .article-header, body main .masthead .article h3 {
          font-size: 1.25rem;
          line-height: 1.5em; }

        .article-text, body header .claim, body main .masthead.gallery .header h2 + p, body main .masthead .article p, body main .masthead form, body main .masthead form .chosen-single span, body main .masthead form a {
          font-size: 1rem;
          line-height: 1.5em; }

        .page-subtitle, body main .masthead .header h3 {
          font-size: 1rem;
          line-height: 1.5em; }

        .section-subtitle, body main .masthead .header p {
          font-size: 1rem;
          line-height: 1.5em; }

        .nav-first-level {
          font-size: 1.5rem;
          line-height: 1.5em; }

        .list-item, body main .masthead .article li {
          font-size: 1rem;
          line-height: 1.25em; } }
      /*
      ***** ASSIGN HTML ELEMENTS & BASE COLORS ***
      */
      html {
        font-size: 16px; }

      body {
        font-size: 16px;
        font-family: Roboto Condensed, 'Arial'; }
      body a {
        font-size: 1.25rem;
        font-weight: 300;
        font-family: Roboto Condensed, 'Arial'; }
      body main .masthead form input {
        font-weight: 300i; }
      body main .masthead form .chosen-single {
        height: 40px; }
      body main .masthead form .chosen-single span {
        font-weight: 300i;
        margin-top: 0rem;
        margin-bottom: 0rem; }
      body main .masthead form label {
        margin-top: 2px;
        font-weight: 300; }
      body main .masthead form a {
        text-decoration: none;
        line-height: 1em; }

      @media (min-width: 992px) {
        body header .claim {
          font-size: 18px;
          margin-top: 1.1rem; } }
      main .masthead {
        padding-top: 4rem;
        padding-bottom: 4rem; }
      main .masthead .header {
        margin-bottom: 1.5rem; }
      main .masthead .article p:last-child {
        margin-bottom: 0; }

      /*
      *** IMPORT COLORS ***
      */
      /*
      *** item Color Palette ***
      */
      .blue-gradient, body .cta-main {
        background: -moz-linear-gradient(top, #0582A8 0%, #046785 100%);
        background: -webkit-linear-gradient(top, #0582A8 0%, #046785 100%);
        background: linear-gradient(to bottom, #0582A8 0%, #046785 100%); }

      /*
      *** CHECKLIST ***
      */
      section.masthead.check-list ul {
        list-style: none;
        padding: 0; }
      section.masthead.check-list ul li {
        padding-left: 2rem;
        margin-bottom: 1rem; }
      section.masthead.check-list ul li::before {
        margin-top: 0.1rem;
        margin-left: -2rem;
        font-family: FontAwesome;
        content: '\f05D';
        font-size: 1.625rem;
        display: inline-block;
        width: 2rem;
        color: #fe0009;
        vertical-align: top;
        font-weight: 400; }

      @media (max-width: 767px) {
        section.masthead.check-list ul {
          margin-left: 15px; } }
      /*
      *** C T A ***
      */
      .btn-main, body .cta-main, body .cta-invert {
        text-decoration: none;
        text-transform: uppercase;
        font-size: 1.125rem;
        font-weight: 300;
        line-height: 1.625rem;
        display: inline-block;
        position: relative;
        -webkit-border-radius: 0.25rem;
        -moz-border-radius: 0.25rem;
        border-radius: 0.25rem;
        padding: 1rem 4rem 1rem 2.375rem;
        letter-spacing: 0.524px;
        border: 0 none; }
      .btn-main:hover, body .cta-main:hover, body .cta-invert:hover {
        opacity: 0.8;
        text-decoration: none !important; }
      .btn-main:hover::after, body .cta-main:hover::after, body .cta-invert:hover::after {
        right: 1.375rem;
        text-decoration: none; }
      .btn-main::after, body .cta-main::after, body .cta-invert::after {
        content: "";
        position: absolute;
        top: 0px;
        right: 1.625rem;
        width: 1rem;
        height: 100%;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out; }

      body .cta-main {
        background-color: #0582a8;
        color: #fff; }
      body .cta-main::after {
        background: url(https://media.item24.com/Eloqua/USTemplate/Item_arrow_white.svg) no-repeat center right; }
      body .cta-invert {
        background-color: transparent;
        color: #606061;
        border: 1px solid #606061; }
      body .cta-invert::after {
        background: url(https://media.item24.com/Eloqua/img/Item_arrow_gray.svg) no-repeat center right; }

      /*
      *** TEXT LINK ***
      */

      a.text-link {
        color: #0582a8; }
      a.text-link:hover {
        opacity: 0.9;
        text-decoration: underline; }

      /*
      *** item Color Palette ***
      */
      .blue-gradient, body .cta-main {
        background: -moz-linear-gradient(top, #0582A8 0%, #046785 100%);
        background: -webkit-linear-gradient(top, #0582A8 0%, #046785 100%);
        background: linear-gradient(to bottom, #0582A8 0%, #046785 100%); }

      /*
      *** article TRIANGLE ***
      */
      .tri, body main section.masthead .triangle, body main section.masthead:nth-of-type(2n+1) .triangle {
        border-style: solid;
        border-width: 25px 25px 0 25px;
        width: 0;
        margin-top: -1.25rem;
        margin-bottom: 0.75rem;
        margin-left: auto;
        margin-right: auto; }

      /*
      *** COLORING PAGE ***
      */
      body {
        background-color: #fff;
        color: #606061; }
      body main section.masthead .article.section-like {
        background-color: #f7f7f7; }
      body main section.masthead .triangle {
        border-color: #fff transparent transparent transparent; }
      body main section.masthead.jumbo:not(.only-xs) {
        background-color: #e3e3e3; }
      body main section.masthead:nth-of-type(2n+1) {
        background-color: #f7f7f7; }
      body main section.masthead:nth-of-type(2n+1) .article.section-like {
        background-color: #fff; }
      body main section.masthead:nth-of-type(2n+1) .triangle {
        border-color: #f7f7f7 transparent transparent transparent; }

      /*
      *** FORMATTING SPECIFIC CONTENT ***
      */
      body header .masthead.header {
        height: 6.25rem;
        padding-top: 1.725rem;
        padding-bottom: 1.725rem; }
      body header .masthead.header .logo {
        float: left; }
      body header .masthead.header .logo img {
        height: 45px; }
      body header .masthead.header .claim {
        margin-top: 0.75rem;
        float: right; }
      body header .masthead.header .claim span + span {
        margin-left: 1.5rem; }
      body main .masthead {
        /*** JUMBOTRON ***/
        /*** UniqueSellingPoints ***/ }
      body main .masthead.jumbo {
        padding-top: 8rem;
        padding-bottom: 8rem; }
      body main .masthead.jumbo .header {
        margin-bottom: 0;
        padding: 0 1rem;
        float: none; }
      body main .masthead.jumbo .header h1 {
        margin-top: 2rem;
        margin-bottom: 0; }
      body main .masthead.jumbo .header hr {
        border-color: #606061;
        margin-top: 2rem;
        margin-bottom: 2rem;
        margin-left: 0;
        width: 6.35rem; }
      body main .masthead.jumbo .header h3 {
        margin-top: 0;
        margin-bottom: 2rem; }
      body main .masthead.jumbo.only-xs {
        padding: 0; }
      body main .masthead.jumbo.only-xs .header {
        margin-bottom: 0; }
      body main .masthead.jumbo.only-xs .header h3 {
        margin-bottom: 0; }
      body main .masthead.usp-margin {
        margin-top: -7.5rem; }
      body main .masthead.usp-margin .card-top .icon-wrap {
        margin: 0 auto 1.25rem auto;
        border-radius: 50%;
        background-color: #f7f7f7;
        width: 140px;
        height: 140px; }
      body main .masthead.usp-margin .card-top .icon-wrap svg {
        width: 85px;
        height: 85px;
        margin: auto;
        margin-top: 1.5rem; }
      body main .masthead.usp-margin .card-top .icon-wrap.automation svg {
        margin-top: 1.85rem; }
      body main .masthead.usp-margin .card-top .icon-wrap.knowledge svg {
        margin-top: 1.7rem; }
      body main .masthead.usp-margin .cta-main, body main .masthead.usp-margin .cta-invert {
        width: 251px; }
      body main .masthead .article + .article.section-like {
        margin-top: 2rem; }
      body main .masthead .article + .article.section-like .card-bot a {
        margin-right: -33%; }
      body footer.footer-bottom {
        min-width: 100%;
        background-color: #e3e3e3;
        color: #fff; }

      @media (max-width: 991px) {
        body main .masthead.usp-margin {
          margin-top: -2.5rem; }
        body main .masthead.usp-margin .article.card {
          margin-top: 2.5rem; }
        body main .masthead.usp-margin .article.card .card-mid {
          padding: 0 1.5rem;
          max-width: 500px;
          margin: 2rem auto;
          text-align: center; } }
      @media (max-width: 767px) {
        body header .masthead.header .claim {
          margin-top: 0.2rem;
          float: right; }
        body header .masthead.header .claim span {
          display: block; }
        body header .masthead.header .claim span + span {
          float: right; }
        body main .masthead .article + .article.section-like h3 {
          font-size: 1.2rem; }
        body main .masthead .article + .article.section-like .card-bot a {
          margin-right: 0; }
        body main .masthead.gallery.check-list {
          padding-top: 1.5rem;
          padding-bottom: 1.5rem; }
        body main a.cta-main {
          font-size: 1rem; } }
      @media (max-width: 495px) {
        body header .masthead.header .claim {
          margin-top: 0.65rem; }
        body header .masthead.header .claim .hidden-xms {
          display: none; } }
      @media (max-width: 400px) {
        body header .masthead.header .claim .hidden-xxs {
          display: none; } }
      @media (min-width: 768px) {
        section.masthead.jumbo .header {
          float: right; } }
      @media (min-width: 768px) and (max-width: 1199px) {
        main .masthead .article + .article.section-like h3 {
          font-size: 1.3rem; }
        main a.cta-main {
          font-size: 1.06rem; } }
      @media (min-width: 992px) {
        main .masthead.jumbo .header {
          margin-left: 49%; } }
      @media (min-width: 1200px) {
        main .masthead .article + .article.section-like h3 {
          font-size: 1.435rem; }
        main a.cta-main {
          font-size: 1.125rem; } }
    
      /*
      *** NAVIGATION ***
      */
      @media (max-width: 991px) {
        body header .masthead.header {
          height: 5.25rem;
          padding-top: 1.35rem;
          padding-bottom: 1.35rem; }
        body header .masthead.header .logo img {
          height: 36px; } }

      body button[type="submit"]::after {
        background: url('https://media.item24.com/Eloqua/USTemplate/Item_arrow_white.svg') no-repeat center right;
      }

      button[type="submit"]::after {
        content: "";
        position: absolute;
        top: 0px;
        right: 1.625rem;
        width: 1rem;
        height: 100%;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
      }

      button[type="submit"]:hover {
        opacity: 0.8;
        text-decoration: none !important;
      }

      button[type="submit"]:hover::after {
        right: 1.375rem;
        text-decoration: none;
      }

      .outerWrapper {
        width: 50%;
      }

      .outerWrapper.medium {
        width: 55%;
      }

      @media all and (min-width: 768px) {
        p {
          font-size: 19px !important;
        }

      }
	  
	   /* CTA*/

      .cta-down::after {
        background:
          url(http://media.item24.com/Eloqua/Landingpages/custom/2019/item/item-academy/images/Item_arrow_down_white.svg)
          no-repeat center right !important;
      }
      .cta-main {
        margin-top: 30px;
      }
      .cta-invert {
        margin-top: 30px;
      }
      .cta-invert:hover::after {
        background: url(https://media.item24.com/Eloqua/USTemplate/Item_arrow_white.svg) no-repeat center right
          !important;
      }
      .cta-invert:hover {
        opacity: 0.8;
        color: #ffffff !important;
        border: 1px solid #0582A8;
        background: linear-gradient(to bottom, #0582A8 0%, #046785 100%);
        transition: all 0.2s ease-in-out 0s;
      }

      /* ICONS*/

      p.icon-text {
        font-size: 19px !important;
        line-height: 1.2em !important;
      }

      .icon-text > a {
        color: #0582a8;
        text-decoration: none;
      }
      
      .ticket > li {
        margin: 15px 0px;
      }

      .ticket > li {
        margin: 15px 0px;
      }

      .icon-text {
        font-size: 16px !important;
      }
      .col-6-text-width{
        max-width: 450px;
      }
	  
	  .social-link {
        margin: 0 auto;
        display: inherit;
      }
      .fa-li {
        position: absolute;
        left: -2.7em !important;
        width: 2.14285714em;
        top: .14285714em;
        text-align: center;
      }
      .fa.fa-square, .fas.fa-square {
        font-weight: 900;
        font-size: 10px;
      }
      i.fab:hover, i.far:hover {
        color: #0582A8;
      }
      .fa-2x {
        padding: 0 20px;
      }


      @media screen and (max-width: 769px) {
        .fa-2x {
          padding: 15px;
          text-align: center;
        }
      }


      @media screen and (min-width: 992px) {
        .icon-messe {
          margin-bottom: 80px;
        }
      }


      @media screen and (max-width: 991px) {
        .icon-messe {
          margin-bottom: 50px;
          margin-top: 50px;
        }
      }

      @media (min-width: 992px) {
        .main .masthead.jumbo .header {
          margin-left: 45% !important;
        }
      }
      .icon-wrap {
        width: 185px;
        height: 185px;
        margin: 0 auto;
        //border: 1px solid #d9d9d9;
        //border-radius: 50%;
        margin-bottom: 30px;
        margin-top: 30px;
      }
      .lp-academy > .icon-wrap > img {

        padding-top: 35px;
      }

      .fa-li {
        margin-top:-5px;
      }
      .carousel-item {
        // padding:0 60px;
      }
      .carousel-control-prev, .carousel-control-next {
        width:60px;
        border: 1px solid #D9D9D9;
        border-radius: 50%;
        overflow: hidden;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        position: absolute;
        display: block;
        width: 50px;
        height: 50px;
        z-index: 100;
        // right: 68px;
        top: 50%;
        margin-top: -31px;
        opacity:0.8;
      }
      .carousel-control-prev {
        left:-70px;
      }
      .carousel-control-next {
        right:-70px;

      }
      .carousel-control-prev:hover .carousel-control-prev-icon {
        margin-left:-12px;
      }
      .carousel-control-next:hover .carousel-control-next-icon {
        margin-right:-12px;
      }
      .carousel-control-prev-icon {
        margin-left:-5px;
      }

      .carousel-control-next-icon {
        margin-right:-5px;
      }
      .carousel-control-prev-icon, .carousel-control-next-icon {
        margin-top:12px;

        background-image:none !important;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
      }
      @media all and (max-width:1300px) and (min-width:922px)  {
        .carousel-control-prev {
          left: -30px !important;
        }
        .carousel-control-next {
          right: -30px !important;
        }
      }
      .socialstuff a {
        color:#606061;
      }
      .socialstuff a:hover {
        color:#606061;
      }
      @media all and (max-width:767px) {
        p, li {
          font-size:1.25em !important;
        }
        body main .masthead.gallery.check-list {
          padding-top: 6rem;
          padding-bottom: 4rem;
        }
        .headline-themen {
          margin-top: 15px;
          text-align:center;
        }
        .icon-text {
          text-align:Center;
        }
      }

      .circle-grey {            
        height: 125px;
        width: 125px;
        border-radius: 50%;
        text-align: center;
        font-size: 1.5rem;
        font-weight: 500;
        background-color: #ffffff;
        color: #0582A8;
        padding: 45px;
        margin: 15px auto;
      }

      .mb {margin-bottom:20px;}
      @media all and (max-width:992px) {
        .auto-wrap {
          margin-top:0px !important;
        }
        .carousel-control-prev {
          left: 0px;
          top: 105%;
          bottom: 0;
        }
        .carousel-control-next {
          right: 0px;
          top: 105%;
          bottom: 0;

        }
        #carouselExampleControls {
          margin-bottom:40px;
        }
      }
      @media all and (max-width:992px) and (min-width:769px) {
        .headline-themen {
          margin-top: 15px;
        }
      }
      a:hover, a:focus {text-decoration:none!important;}
      .fa-li {
        width:4em !important;
      }
      .fa-ul {
        margin-left:1em !important;
      }
      .auto-wrap {
        border:1px solid #606061;
        border-radius:50%;
        margin:75px;
      }
      .down::after {
        transform: rotate(90deg);
      }

      /*FOOTER*/
      .footer-bottom {
        position:relative;
        bottom:0px;
        background: #3e4144;
        padding: 40px 0px 24px;
        min-height: 20px;
        text-align: center;
      }

      .footer-bottom > div > div:first-of-type {
        padding-left:45px;
      }
      .footer-bottom img {
        border-radius: 10px;
      }
      .footer-bottom .copyright {
        color: #cccccc;
        font-size: 12px;
        line-height: 20px;
        margin: 0;
        font-weight:400;
        margin-left:-33%;
      }
      .copyright > div:first-of-type {
        padding:8px 0px;
      }
      .copyright > div:last-of-type {
        padding:4px 0px 8px;
      }
      .copyright a {
        color: #0582a8;
        text-decoration: none;
        background-color: transparent;
      }
      .footer-bottom .cp {
        z-index:1;
      }
      .footer-bottom .sl {
        z-index:2;
      }